@import "../common/css/variables.scss";
@import "../../common/css/size.scss";
.m-reservation{
  width: 100%;
  height: 100%;
  .reserHead{
    width: 100%;
    height: 1.5rem;
  }
  .reservationList{
    width: 100%;
    height: calc(100% - 4.5rem);
    position: absolute;
    overflow-y: auto;
    top: 1.5rem;
    .reserItem{
      height: $_50;
      background: url("../img/common/roundF7.png") no-repeat $_15;
      background-size: $_16 $_16;
      //padding:0.8rem ;
      .wResLi{
        width: $_90;
      }
    }
    .reserItem.active{
      height: $_50;
      background: url("../img/common/checkedBlue.png") no-repeat $_15;
      background-size: $_16 $_16;
      //padding:0.8rem ;
    }
    .reserPic{
      padding: 0 $_10 0 $_50;
      width: $_30;
      height: $_30;

    }
    .infoMiddle{
      margin: 0 $_20 0 $_10;
    }
  }
.reserBottom{
  position: absolute  ;
  bottom: 0;
  width: 100%;
  height: 3rem;
}
}